<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>新增文档 - 光年(Light Year Admin)后台管理系统模板</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
    <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
    <meta name="author" content="yinqi">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/materialdesignicons.min.css" rel="stylesheet">
    <!--标签插件-->
    <link rel="stylesheet" href="../js/jquery-tags-input/jquery.tagsinput.min.css">
    <link href="../css/style.min.css" rel="stylesheet">

    <!--文件上传插件-->
    <#--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">-->
    <#--    <link href="../js/bootstrap-fileinput/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>-->
    <#--    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">-->
    <#--    <link href="../js/bootstrap-fileinput/themes/explorer-fas/theme.css" media="all" rel="stylesheet" type="text/css"/>-->
    <#--    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>-->
    <#--    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>-->
    <#--    <script src="../js/bootstrap-fileinput/js/plugins/piexif.js" type="text/javascript"></script>-->
    <#--    <script src="../js/bootstrap-fileinput/js/plugins/sortable.js" type="text/javascript"></script>-->
    <#--    <script src="../js/bootstrap-fileinput/js/fileinput.js" type="text/javascript"></script>-->
    <#--&lt;#&ndash;    <script src="../js/bootstrap-fileinput/js/locales/fr.js" type="text/javascript"></script>&ndash;&gt;-->
    <#--&lt;#&ndash;    <script src="../js/bootstrap-fileinput/js/locales/es.js" type="text/javascript"></script>&ndash;&gt;-->
    <#--    <script src="../js/bootstrap-fileinput/js/locales/zh.js" type="text/javascript"></script>-->

    <#--    <script src="../js/bootstrap-fileinput/themes/fas/theme.js" type="text/javascript"></script>-->
    <#--    <script src="../js/bootstrap-fileinput/themes/explorer-fas/theme.js" type="text/javascript"></script>-->


    <#--    <link rel="stylesheet" href="../static/css/bootstrap.css">-->

    <link rel="stylesheet" href="../js/bootstrap-fileinput/css/fileinput.min.css">

    <link rel="stylesheet" href="../js/bootstrap-fileinput/css/themes/theme.css">

    <#--    <script type="text/javascript" src="../js/bootstrap-fileinput/js/jquery-3.3.1.min.js"></script>-->
    <script type="text/javascript" src="../js/jquery.min.js"></script>

    <script type="text/javascript" src="../js/bootstrap-fileinput/js/fileinput.min.js"></script>

    <script type="text/javascript" src="../js/bootstrap-fileinput/js/locales/zh.js"></script>

    <script type="text/javascript" src="../js/bootstrap-fileinput/js/themes/theme.js"></script>


    <#--    <script src="//cdn.bootcss.com/bootstrap-fileinput/4.3.5/js/fileinput.min.js"></script>-->
    <#--    <script src="https://cdn.bootcss.com/bootstrap-fileinput/4.3.5/js/locales/zh.min.js"></script>-->
</head>

<body>
<div class="container-fluid p-t-15">

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">

                    <form action="#!" method="post" class="row">
                        <div class="form-group col-md-12">
                            <label for="type">栏目</label>
                            <div class="form-controls">
                                <select name="type" class="form-control" id="type">
                                    <option value="1">小说</option>
                                    <option value="2">古籍</option>
                                    <option value="3">专辑</option>
                                    <option value="4">自传</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="title">标题</label>
                            <input type="text" class="form-control" id="title" name="title" value=""
                                   placeholder="请输入标题"/>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="seo_keywords">关键词</label>
                            <input type="text" class="form-control" id="seo_keywords" name="seo_keywords" value=""
                                   placeholder="关键词"/>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="seo_description">描述</label>
                            <textarea class="form-control" id="seo_description" name="seo_description" rows="5" value=""
                                      placeholder="描述"></textarea>
                        </div>
                        <div class="form-group col-md-12">
                            <label>多图上传</label>
                            <div class="form-controls">

                                <ul class="list-inline clearfix lyear-uploads-pic">
                                    <li class="col-xs-4 col-sm-3 col-md-2">
                                        <figure>
                                            <img src="../images/gallery/15.jpg" alt="图片一">
                                            <figcaption>
                                                <a class="btn btn-round btn-square btn-primary" href="#!"><i
                                                            class="mdi mdi-eye"></i></a>
                                                <a class="btn btn-round btn-square btn-danger" href="#!"><i
                                                            class="mdi mdi-delete"></i></a>
                                            </figcaption>
                                        </figure>
                                    </li>
                                    <li class="col-xs-4 col-sm-3 col-md-2">
                                        <figure>
                                            <img src="../images/gallery/16.jpg" alt="图片二">
                                            <figcaption>
                                                <a class="btn btn-round btn-square btn-primary" href="#!"><i
                                                            class="mdi mdi-eye"></i></a>
                                                <a class="btn btn-round btn-square btn-danger" href="#!"><i
                                                            class="mdi mdi-delete"></i></a>
                                            </figcaption>
                                        </figure>
                                    </li>
                                    <li class="col-xs-4 col-sm-3 col-md-2">
                                        <figure>
                                            <img src="../images/gallery/17.jpg" alt="图片三">
                                            <figcaption>
                                                <a class="btn btn-round btn-square btn-primary" href="#!"><i
                                                            class="mdi mdi-eye"></i></a>
                                                <a class="btn btn-round btn-square btn-danger" href="#!"><i
                                                            class="mdi mdi-delete"></i></a>
                                            </figcaption>
                                        </figure>
                                    </li>
                                    <li class="col-xs-4 col-sm-3 col-md-2">
                                        <a class="pic-add" id="add-pic-btn" href="#!" title="点击上传"></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="file-loading">
                                <label>Preview File Icon</label>
                                <input id="file-3" type="file" multiple>
                            </div>
                        </div>

                        <div class="container kv-main">

                            <div class="row ">

                                <div style="margin:100px 240px;width:700px;height:300px ">

                                    <form nctype="multipart/form-data">

                                        <input id="file-0a" class="file" name="file" type="file" multiple
                                               data-min-file-count="1">

                                        <br>

                                    </form>

                                </div>

                            </div>
                        </div>

                        <div class="form-group col-md-12">
                            <label for="content">内容</label>
                            <p>HTML编辑器这里就不做演示了</p>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="tags">标签</label>
                            <input class="js-tags-input form-control" type="text" id="tags" name="tags" value=""/>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="sort">排序</label>
                            <input type="text" class="form-control" id="sort" name="sort" value="0"/>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="status">状态</label>
                            <div class="clearfix">
                                <label class="lyear-radio radio-inline radio-primary">
                                    <input type="radio" name="status" value="0"><span>禁用</span>
                                </label>
                                <label class="lyear-radio radio-inline radio-primary">
                                    <input type="radio" name="status" value="1" checked><span>启用</span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group col-md-12">
                            <button type="submit" class="btn btn-primary ajax-post" target-form="add-form">确 定</button>
                            <button type="button" class="btn btn-default"
                                    onclick="javascript:history.back(-1);return false;">返 回
                            </button>
                        </div>
                    </form>

                </div>
            </div>
        </div>

    </div>

</div>

<#--<script type="text/javascript" src="../js/jquery.min.js"></script>-->
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<!--标签插件-->
<script src="../js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="../js/main.min.js"></script>
<script>

    $('#file-0a').fileinput({

        'theme': 'explorer',

        language: 'zh',

        uploadUrl: '<%=path%>/uploadMultipleFile.do',

        showPreview: true,//是否显示预览

        allowedPreviewTypes: ['image', 'html', 'text', 'video', 'audio', 'flash'],

        maxFileCount: 3,// 表示允许同时上传的最大文件个数

    });

    $('#file-0a').on('fileuploaderror', function (event, data, previewId, index) {

        var form = data.form, files = data.files, extra = data.extra,

            response = data.response, reader = data.reader;

        console.log(data);

        console.log('File upload error');

    });

    $('#file-0a').on('fileerror', function (event, data) {

        console.log(data.id);

        console.log(data.index);

        console.log(data.file);

        console.log(data.reader);

        console.log(data.files);

    });

    $('#file-0a').on('fileuploaded', function (event, data, previewId, index) {

        var form = data.form, files = data.files, extra = data.extra,

            response = data.response, reader = data.reader;

        console.log('File uploaded triggered');

    });

</script>
<#--<script>-->
<#--    $("#file-3").fileinput({-->
<#--        theme: 'fas',-->
<#--        showUpload: false,-->
<#--        showCaption: false,-->
<#--        browseClass: "btn btn-primary btn-lg",-->
<#--        fileType: "any",-->
<#--        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",-->
<#--        overwriteInitial: false,-->
<#--        initialPreviewAsData: true,-->
<#--        initialPreview: [-->
<#--            "http://lorempixel.com/1920/1080/transport/1",-->
<#--            "http://lorempixel.com/1920/1080/transport/2",-->
<#--            "http://lorempixel.com/1920/1080/transport/3"-->
<#--        ],-->
<#--        initialPreviewConfig: [-->
<#--            {caption: "transport-1.jpg", size: 329892, width: "120px", url: "{$url}", key: 1},-->
<#--            {caption: "transport-2.jpg", size: 872378, width: "120px", url: "{$url}", key: 2},-->
<#--            {caption: "transport-3.jpg", size: 632762, width: "120px", url: "{$url}", key: 3}-->
<#--        ]-->
<#--    });-->

<#--</script>-->
</body>
</html>